<footer id="footer" class="container-fluid hidden-sm">
  <nav>
    <ul>

      <li class="btn-group dropup">
        <a type="button" class="btn dropdown-toggle" data-toggle="dropdown">
          <span class="idioma"><%= t('conditions.other') %></span>
          <i class="fa fa-angle-up"></i>
        </a>
        <ul class="dropdown-menu dropdown-menu-left">
          <li class="">
            <a href="/terms_of_use">
              <i class="fa fa-gavel"> </i>
              <span><%= t('conditions.terms_use') %></span>
            </a>
          </li>
        </ul>
      </li>

      <!-- help -->
      <li class="btn-group dropup">
        <a type="button" class="btn dropdown-toggle" data-toggle="dropdown">
          <span class="idioma"><%= t('help') %></span>
          <i class="fa fa-angle-up"></i>
        </a>
        <ul class="dropdown-menu dropdown-menu-left">
          <li class="">
            <a href="/overview">
              <i class="fa fa-question"> </i>
              <span><%= t('overview_title') %></span>
            </a>
          </li>
          <li>
            <a target="_blank" href="https://www.youtube.com/channel/UCo-73n6eZBWNBs2gvKLyBhQ">
              <i class="fa fa-youtube"> </i>
              <span><%= t('youtube') %></span>
            </a>
          </li>

          <li>
            <%= link_to user_manual_path do %>
              <i class='fa fa-download'> </i>
              <span><%= t('help_manual')%>   </span>
            <% end %>
          </li>

        </ul>
      </li>

      <!-- lang-->
      <li class="btn-group dropup">
        <div data-toggle="dropdown" class="btn dropdown-toggle">
          <% the_locale = I18n.locale.to_s %>
          <span class="ddfootertitle"><%=image_tag("flags/" + the_locale + ".png", :title=>the_locale, :class=> "")%><%=t('lang.title')%></span>
          <i class="fa fa-angle-up"></i>
        </div>
          <ul class="dropdown-menu dropdown-menu-left">
            <% for locale in (I18n.available_locales.map{|i| i.to_s}) -%>
             <li class="">
                <%= link_to image_tag("flags/" + locale + ".png", :title=>locale, :class=> "") + " " + t(:language_name, :locale => locale), session_locale_path(:new_locale => locale), :method => :post, :remote => false %>
              </li>
            <% end %>
          </ul>
      </li>

      <!-- about -->
      <li class="btn-group dropup">
        <div data-toggle="dropdown" class="btn dropdown-toggle">
          <span class="ddfootertitle"><%= t('about.title') %></span>
          <i class="fa fa-angle-up"></i>
        </div>
        <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
          <li>
            <a href="mailto:virtual.science.hub@gmail.com">
              <i class="fa fa-envelope-o"> </i>
              <span><%= t('about.contact') %></span>
            </a>
          </li>
          <li>
            <a href="http://vishub.wordpress.com" target="_blank">
              <i class="fa fa-microphone"> </i>
              <span><%= t('about.blog') %></span>
            </a>
          </li>
          <li>
            <a href="http://github.com/ging/vish" target="_blank">
              <i class="fa fa-archive"> </i>
              <span><%= t('about.code') %></span>
            </a>
          </li>
          <li>
            <a href="<%= (I18n.locale.to_s=="es") ? 'https://docs.google.com/forms/d/1AO5MN_r3n-hsGQuok6HKWhUSPjMnFQvYxuOB88S32yA/viewform' : 'https://docs.google.com/forms/d/1uEQI1BzPtEOyh-QuOaw9WzqHcYZtlMqkIceybrP40YQ/viewform'%>" target="_blank">
              <i class="fa fa-smile-o"> </i>
              <span><%= t('about.survey') %></span>
            </a>
          </li>
          <% if Vish::Application.config.rsevaluation %>
            <li>
              <a href="/rsevaluation">
                <i class="fa fa-star"> </i>
                <span><%= t('about.rsevaluation') %></span>
              </a>
            </li>
          <% end %>
        </ul>
      </li>

      <!-- social-->
      <li class="social">
        <a href="https://github.com/ging/vish" target="_blank"  class="btn btn-default"><i alt="github-logo" class="social-img fa fa-github"></i>
        </a>
      </li>

      <li class="social">
        <a href="https://www.facebook.com/VirtualScienceHub" target="_blank" class="btn btn-default"><i alt="Facebook-logo" class="social-img fa fa-facebook"></i>
        </a>
      </li>

      <li class="social">
        <a href="https://twitter.com/ViSH_portal" target="_blank"  class="btn btn-default"><i alt="Twitter-logo" class="social-img fa fa-twitter"></i>
        </a>
      </li>

      <!-- global-->
      <li class="global">
        <%= link_to image_tag("footer/global.png",  :class=> "btn btn-default" ), "http://www.globalexcursion-project.eu", :target=> "_blank"  %>
      </li>
    </ul>

  </nav>
</footer>
